.text {
  font-size: 30px;
}

.item {
  padding: 18px 0;
}

.el-input {
  width: 150px;
}
.el-button {
  background-color: #42b772;
  border: none;
  width: 150px;
}
.home {
  .card-body {
    margin: 0 auto;
    width: 800px;
    border-radius: 15px;
    // 输入数字模块
    .input {
      width: 400px;
      margin: 0 auto;
      &-day {
        margin-top: 10px;
      }
    }
    .primary-btn {
      margin-top: 10px;
    }

    // 添加信息模块
    &__form {
      position: relative;
      width: 700px;
      margin: 30px auto;
      padding: 1em;
      background: hsla(0, 0%, 100%, 0.6) border-box;
      border-radius: 15px;
      box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.3) inset,
        0 0.5em 1em rgba(0, 0, 0, 0.6);
      text-shadow: 0 1px 1px hsla(0, 0%, 100%, 0.3);
      &::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: -30px;
        z-index: -1;
        -webkit-filter: blur(20px);
        filter: blur(20px);
      }
      // 标题
      .p-title {
        font-size: 14px;
        color: gray;
        margin-bottom: 20px;
      }
      span {
        display: block;
        margin-bottom: 20px;
      }
    }
  }

  //   计算结果部分
  .count-result {
    position: relative;
    width: 1200px;
    margin: 30px auto;
    padding: 1em;
    background: hsla(0, 50%, 100%, 0.8) border-box;
    border-radius: 5px;
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.3) inset,
      0 0.5em 1em rgba(0, 0, 0, 0.6);
    text-shadow: 0 1px 1px hsla(0, 0%, 100%, 0.3);
    &::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: -30px;
      z-index: -1;
      -webkit-filter: blur(20px);
      filter: blur(20px);
    }
    p {
      margin-bottom: 10px;
    }
    // 文字统计
    &__text {
      font-size: 14px;
      margin-bottom: 10px;

      .box-card {
        width: 100%;
        color: gray;
      }
      span {
        color: skyblue;
      }
    }
    &__table2 {
      text-align: left;
      margin-top: 20px;
    }
  }
}
/deep/ .el-tabs__nav {
  .el-tabs__item {
    color: gray;
    &:hover {
      color: #42b772;
    }
  }
  .is-active {
    color: #42b772;
  }
  .el-tabs__active-bar {
    background-color: #42b772;
  }
}
